<style>
    .basicinfo {
        margin: 15px 0;
    }

    .basicinfo .row > .col-xs-4 {
        padding-right: 0;
    }

    .basicinfo .row > div {
        margin: 5px 0;
    }
    .courseInfo{
        margin-top: 0px;
        margin-bottom: 5px;
    }
</style>
<link rel="stylesheet" href="/assets/web/css/play.css">
<div id="content-container" class="container">
    <div class="content row bg-white" style="margin-left: 0px;width: auto;">
        <div class="person-box chapter-box">
            <div class="person-nav chapter-nav">
                <h4>所有章节</h4>
                <ul class="list-unstyled chapter-navul row">
                    {volist name="packs" id="vo"}
                        <li {if condition="$pack.id eq $vo.package_id"}class="active"{/if} >
                            <a href="{:url('index/user/study',array('cid'=>$vo.course_id,'pid'=>$vo.package_id));}">
                                {$vo.package.title}
                                <i class="icon-plus "></i><i class="icon-minus"></i>
                            </a>
                        </li>
                    {/volist}
                </ul>
            </div>
            <div class="chapter-conbox" style="margin-top: 10px;">
                <div class="chapter-conbox-b" style="height:auto;">
                    <h2 class="person-headbox">{$pack.title}
                    </h2>
                    <table class="table table-striped table-hover">
                        {volist name="video" id="vo"}
                        <tr>
                            <td style="width: 40%">{$vo.video.title}（{$vo.video.times_format}）</td>
                            <td>
                                <a target="_blank" href="{:url('index/user/play',array('cid'=>$cid,'pid'=>$pack.id,'vid'=>$vo.video_id));}">
                                    立即播放
                                </a>
                            </td>
                        </tr>
                        {/volist}
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
